<template>
    <div class="goodsdes-container">
        <h1>{{goodsdes.title}}</h1>
        <hr>
        <div v-html="goodsdes.content"></div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            goodsdes:{}
        }
    },
    created(){
        this.getgoodsdes()
    },
    methods:{
       getgoodsdes(){
            this.$http.get('http://www.liulongbin.top:3005/api/goods/getdesc/'+this.$route.params.id)
            .then( result => {
                if(result.body.status===0){
                    this.goodsdes=result.body.message[0]
                      console.log(this.goodsdes)
                }
            } )
       }
    }
}
</script>
<style lang="scss" >
.goodsdes-container{
    padding: 4px;
    h1{
        color: blue;
        font-size: 16px;
        text-align: center;
        margin: 15px 0;
    }
    img{
        width: 100%;
        // height: 100%;
    }
}
</style>